<template>
	<base-image v-if="img" :src="img"></base-image>
	<div v-else>{{ value }}</div>
</template>

<script setup lang="ts">
import { BaseImage } from '@/components/base'
import { computed } from 'vue'
const props = defineProps({
	value: {
		type: [String, Number],
		default: ''
	}
})

const img = computed(() => ([1, 2, 3].includes(+props.value) ? `rank/${props.value}` : null))
</script>
